body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,button,label{margin:0;padding:0;color: #434343;} 
body{font:0.875rem "Microsoft YaHei","宋体","Arial Narrow",HELVETICA; background:#fff; -webkit-text-size-adjust:100%; color: #434343; overflow-x: hidden;} 
a{color:#434343;text-decoration:none} 
a:hover{text-decoration:none} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word} 
input,button{outline: none;box-sizing:border-box;}
input[type=text],input[type=password]{padding: 0rem 0.5rem;}
section{background: #fff; }
section i{ color: #fa401a; font-style:normal ;}
.goods  input[type="radio"] ,.db_sqhh_dz_ul input[type="radio"]{margin: 3px 3px 0px 5px;display: none;}
// label {padding-left: 1.5rem;cursor: pointer;background: url(../images/radio.gif) no-repeat left top; background-size: 1.3rem auto;}
label.checked {background-position: left bottom;}
.fl	{ float:left;}
.fr	{ float:right;}
.no_border{ border:0 !important;}
/*.main_color{ color:#673f88 !important; font-weight:bolder;}*/
.relative{ position: relative;}
.white{ background:#fff;}
.grey{ background:#f0efed;}
.wd95{ width:95%; margin:0 auto;}
.wd	{ width: 95%; margin: 0 auto;}
.mt10	{ margin-top: 0.5rem;}
.mt20{ margin-top: 1rem;}
.mb10	{ margin-bottom: 0.5rem;}
.mb25	{ margin-bottom: 2rem;}
.pt10	{ padding-top: 0.5rem;}
.pb10	{ padding-bottom: 0.5rem;}
.pd_footer{ padding-bottom:2.75rem !important; margin-bottom:0rem !important;}
.notice { line-height: 1.5rem;}
.text_overflow{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; }
.bxz    { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
.clearfix {zoom:1;}/*IE/7/6*/ 

.button{ width: 10rem; height: 7rem;border:none!important; background: none!important; position:fixed;right:1rem; bottom:2rem;}
.button img{ width: 100%;height:100%;}
uni-button:after{border: 0;}
.arrow-up 	{ width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #999;}
.arrow-down { width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #999;}
.arrow-left { width:0; height:0; border-top:10px solid transparent;border-bottom:10px solid transparent; border-right:10px solid #999; }
.arrow-right{ width:0; height:0; border-top:10px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #999;}

.jiantou-left{display: inline-block;right: 0.8rem;width: 0.4rem;height: 0.4rem;border-color: #626262; border-style: solid;border-top-width:2px; border-right-width:2px;  border-left-width:0px; border-bottom-width:0px; -webkit-transform: scaleX(1) rotateZ(-135deg);}
.jiantou-up{display: inline-block;right: 0.8rem;width: 0.4rem;height: 0.4rem;border-color: #626262; border-style: solid;border-top-width:2px; border-right-width:2px;  border-left-width:0px; border-bottom-width:0px;-webkit-transform: scaleX(1) rotateZ(-45deg);}
.jiantou-right{display: inline-block;right: 0.8rem;width: 0.4rem;height: 0.4rem;border-color: #626262; border-style: solid;border-top-width:2px; border-right-width:2px;  border-left-width:0px; border-bottom-width:0px;-webkit-transform: scaleX(1) rotateZ(45deg);}
.jiantou-down{display: inline-block;right: 0.8rem;width: 0.4rem;height: 0.4rem;border-color: #626262; border-style: solid;border-top-width:2px; border-right-width:2px;  border-left-width:0px; border-bottom-width:0px;-webkit-transform: scaleX(1) rotateZ(135deg);}

.body   	{ max-width: 640px; margin: 0 auto;background: #fff;height: 100vh}
.header		{ width: 100%; position:relative; height:2.8rem;  background:#fff; z-index:99;max-width: 640px; top: 0rem;}
.header_back{ width: 45px; position: absolute; left: 0rem; height:4rem; }
.header_back i{display: inline-block;position: relative; top: 0.8rem;left:0rem;width: 1rem;height: 1rem;border-top: 2px solid #868686;border-left: 2px solid #868686;-webkit-transform: scaleX(0.8) scaleY(0.8) rotateZ(-45deg);}
.header h2  { height:3.5rem; line-height: 3.5rem; text-align: center; color: #545454; font-weight: 500;}
.header_index h2 			{ width: 95%; position: relative;box-sizing:border-box; padding: 0.5rem 1.5rem 0.5rem 15rem; margin:0 .5rem 0 0.5rem;}
.header_index .header_back i { -webkit-transform: scaleX(0.8) scaleY(0.8) rotateZ(-45deg) }
.header_index .search	{ height: 3rem; border-radius: 0.3rem; border:0 solid #e5e5e5;box-sizing:border-box; padding-right: 1.8rem; }
.header_index h2 i { position: absolute; width: 1.8rem; height:1.8rem;  display:block; top: 0.5rem;}

.header_left,.header_right	{ position: absolute;height: 100%; width:4.2rem; top: 0rem;}
.header_left	{ position: absolute;height: 100%; width:100%; top: 0rem;  left: 0rem; line-height:4rem;}
.header_right	{ position: absolute;height: 100%; width:2rem; top: 0rem; right: 0rem; }
.header_left a,.header_right a{ height: 100%; width:4.2rem; display: block; position: absolute; z-index: 999; color: #fff; line-height: 4rem; text-align: center; font-size: 1rem;}
.header_left img{ width:17rem; position: absolute; left: 2.5%; top: 0rem; line-height:3rem;}
.header_right i.jiantou-down{border-top-width: 0px;border-right-width: 0px;  width: 0.6rem;height: 0.6rem; border-color: #fff; position: relative;left:4.3rem; top: 1rem;}	
.index_icon1	{ position: absolute; right:0; }
.index_icon1 img{ height: 1.2rem; top: 1rem; position: absolute; right:2rem;}
.header_left a{ height: 100%; width:4rem; display: block; position: absolute; z-index: 999; color: #fff; line-height:2.5rem; text-align: center; font-size: 1rem;}
.header_right a{ width:5.5rem;  display: block; position: absolute; z-index: 999; color: #fff; height: 2.75rem; text-align: center; font-size: 1rem;}
.header_right .sl{ width:4rem;  position: absolute; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align:center;}


/*content*/
.content		{ padding: 0rem 0rem 0 0; }
.index_st1		{ position: relative; border:0rem; }
.index_st1 img 	{ width: 100%;}
.index_st2		{ position: relative; padding: 0.5rem 0rem; background:#dc0011;}
.index_st2_li	{ width: 14%; float: left; position: relative; text-align: center;  box-sizing:border-box; padding:0.5rem 0rem; color:#fff;}
.index_st2_ct1,.index_st2_ct1 i	{ width:3rem; height:1.5rem; margin: 0 auto;  }
.index_st2_li a{ color:#FFFF00;}
.index_st2_ct1 i{ position: relative; border-radius:2.5rem; display: block; background-repeat: none; background-size: auto 1.8rem; background-position: center;}
.index_st3		{ position: relative; border:0rem; }
.index_st3 img 	{ width: 100%;}
.index_st4		{ height: 3.5rem; line-height: 3.5rem; position: relative; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.index_st4_ct1,.index_st4_ct2,.index_st4_ct3,.index_st4_ct4,.index_st4_ct5 { position: absolute; height: 2rem; line-height: 2rem; top:.8rem;}
.index_st4_ct1	{ font-size: 1rem; color: #fff; font-style:italic; left:2.5%; font-weight: bolder; background:#dc0011; border-radius:.2rem; padding:0 .5rem; }
.index_st4_ct2	{ left: 2.5%; margin-left: 6.5rem; color: #f00; width: 2rem; height: 1.0rem; top:1.2rem; text-align: center; line-height: 1.0rem; border: 1px solid #f00; border-radius: 0.2rem;}
.index_st4_ct3	{ left: 2.5%; margin-left: 6.2rem; color: #999; right: 2.5%; margin-right: 2.5rem;-webkit-line-clamp: 1;}
.index_st4_ct4	{ right: 2.5%; color: #999;}
.index_st4_ct4 img{ height: 1.5rem; top: 0.5rem; position: absolute; right: 2.5%;}
.index_st4_ct5	{ width: 1px; height: 1.5rem; top: 1.1rem; background: #e5e5e5; left: 2.5%; margin-left: 5.5rem;}

.index_st5		{ position: relative;max-width: 640px; margin: 0 auto; height: 8rem;}
.index_st5_ct1	{  float: left; width: 63%;height: 100%; margin-right:1%;}
.index_st5_ct2	{  float: left; width: 36%;height: 50%;}
.index_st5_ct3	{ float: left; width: 18%;height: 50%;}

.index_st5_ct1 img,.index_st5_ct2 img ,.index_st5_ct3 img	{ width: 100%;}
.index_st5_ct1 img{ width: 100%; height:8rem;}
.index_st5_ct2 img,.index_st5_ct3 img{ width:100%; height:4rem;}

.index_st6		{ position: relative; margin: 0 auto; padding-bottom:.8rem;  border-bottom: 1px #e5e5e5 solid;}
.index_st6_ct1,.index_st6_ct2,.index_st6_ct3,.index_st6_ct4,.index_st6_ct5{ position: absolute; box-sizing:border-box; }
.index_st6_all	{ width:100%; }
.index_st6_li{  width:32.6%; position: relative; float: left;  padding-bottom:0.5rem;}
.index_st6_li:nth-child(2){margin: 0.5rem 1% 0 1%;}
.mr5{ margin-right:1.5%;}
.index_st6_ct1{  top:.3rem; font-size:.8rem; line-height: 1.5; color:#333; position: relative; width:100%; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.index_st6_ct2{ left:.3rem; top:.3rem; font-size:.5rem; color: #FF3C3C; position: relative; font-weight:bold;}
.index_st6_ct2 em{ font-size:1rem;}
.index_st6_ct3{ position:relative; float:left;}
.index_st6_ct3 img{ width:100%;}
.index_st6_ct4{ float:left; font-size:.5rem; left:.3rem; position:relative; top:.3rem;   bottom:.5rem;   color:#999; text-decoration: line-through;}

.index_st7		{position: relative; line-height: 3.5rem; height: 3.5rem; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; }
.index_st7_ct1	{position: absolute; width:97%;  margin-left: 1rem; font-size: 1rem; font-weight: bolder;}
.index_st7_ct2	{position: absolute;right: 2.5%; margin-right: 1.5rem; color: #999;}
.index_st7_ct3	{position: absolute;right: 2.0%; height: 1rem; line-height: 1rem; width: 1.2rem; background:#dc0011; top: 1.25rem; border-radius: 0.2rem;}
.index_st7_ct3 .jiantou-right{ border-color: #fff; text-align: center; position: absolute; right: 0.35rem; top: 0.2rem;}
.index_st7_ct4	{ width: 4px; background:#dc0011; height: 3.5rem; top: 0rem; position: absolute;}

.index_st7_ct5	{ position: absolute; right: 2.5%;  height: 1.5rem; top: 0.5rem;box-sizing:border-box; }
.index_st7_ct5 img{position: absolute; height: 1.5rem;right: 2.5%;  }
.index_st8		{ position: relative; padding-top: 0.5rem; }
.index_st8_li	{ position: relative; float: left; width: 50%;box-sizing:border-box; height:5rem; border:1px solid #e5e5e5;}
.index_st8_ct1,.index_st8_ct2,.index_st8_ct3,.index_st8_ct4{ position: absolute;-webkit-line-clamp: 1; }
.index_st8_ct1	{ height:3rem; width: 3rem; left: 2.5%; top: 0.5rem;}
.index_st8_ct1 img{ height: 3rem; width: 3rem; }
.index_st8_ct2,.index_st8_ct3,.index_st8_ct4	{ left: 2.5%; margin-left: 3.5rem; right: 2.5%;font-size: 0.75rem}
.index_st8_ct2	{ font-size: 1rem; height: 1.5rem; line-height: 1.5rem;}
.index_st8_ct3	{ height: 1.2rem; top: 1.5rem;line-height: 1.2rem; color: #999; }
.index_st8_ct4	{ height: 1.2rem; top: 2.8rem;line-height: 1.2rem;color: #999; }
.index_st9		{ position: relative; padding-top: 0.5rem; }
.index_st9_li { display: block;}
.index_st9_li .goods_st4_li .goods_st4_li_ct2{-webkit-line-clamp: 1;}
.index_st9_li .goods_st4_li_ct4,.index_st9_li .goods_st4_li_ct5,.index_st9_li .goods_st4_li_ct6{ display: block;}
.index_st9_li .goods_st4_li		{ width:50%; position: relative; float: left; top:0.3rem; margin-bottom:0.3rem; }
.index_st9_li .goods_st4_li .wd	{ padding: 2.5%; }
.index_st9_li .goods_st4_li_ct1 img { width: 100%; position: relative;}

.index_st9_li .goods_st4_li_ct1	{ position: relative; }
.index_st9_li .goods_st4_li_ct2,.index_st9_li .goods_st4_li_ct3,.index_st9_li .goods_st4_li_ct4,.index_st9_li .goods_st4_li_ct5,.index_st9_li .goods_st4_li_ct6,.index_st9_li .goods_st4_li_c7{position: absolute;-webkit-line-clamp: 1;}
.index_st9_li .goods_st4_li_ct2	{ -webkit-line-clamp: 1; color: #000; height:2.3rem;line-height: 2.3rem;  font-size: 1rem; position: relative;}
.index_st9_li .goods_st4_li_ct3	{ bottom: 0.3rem; left:2.5%; color: #fa401a;}

.index_st9_li .goods_st4_li_ct4	{ bottom: 1.3rem; left:2.5%; text-decoration: line-through;}

.index_st9_li .goods_st4_li_ct5	{ right:2.5%;bottom: 1.3rem; color: #ffae22;  height: 1rem;  }
.index_st9_li .goods_st4_li_ct6	{ right:2.5%;bottom: 0.3rem; height: 1rem;}
.index_st10			{height: 5rem; line-height: 1.5rem; text-align: center; margin-top: 0.5rem;}
.index_st10_ct3		{color: #999;}


.goods_vido{ width: 100%; margin-top:2rem; }
.goods_vido .vido{ width: 100%; height: 20rem;}
.goods_vido img{ width: 100%; height: 100%;}
.goods_vido h2{}
.goods_vido p{}

.index_st11_li		{ border-bottom: 1px solid #e5e5e5;}
.index_st12_all	{ width:100%; float:left;}
.mr5{ margin-right:1.5%;}
.index_st12	{ position: relative; width:96%; padding: 1rem 2%;}
.index_st12 .index_st12_ct1	{float: left;  width:25%;  }
.index_st12 .index_st12_ct1 img{ width:100%;  }
.index_st12 .index_st12_ct2	{ float: left; width:75%;   position: relative;  }
.index_st12 .index_st12_ct2 .new_title{ height:1.8rem; margin-left:2.5%; line-height:1.5; font-size:16px; font-weight: bold; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.index_st12 .index_st12_ct2 .new_cont{ line-height:1.5rem; font-size:12px; color:#999; margin-left:2.5%; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
 .yema{  float: left;  text-align:center; width:96%; padding:2%; }
 .qian{width:3rem; line-height:2rem; height:2rem; background:#f3f3f3; border:solid 1px #CCCCCC;display: inline-block;margin: 0 .3rem;}
 .pageN{width: 2rem;}
.next{ width:3rem; line-height:2rem; height:2rem; background:#f3f3f3; border:solid 1px #CCCCCC;display: inline-block;margin: 0 .3rem;}
.act{color: rgba(0, 0, 0, 0.32);}
.index_st13		{ position: relative; margin: 0 auto; padding-bottom:.8rem;  border-bottom: 1px #e5e5e5 solid;}
.index_st13_ct1,.index_st13_ct2,.index_st13_ct3,.index_st13_ct4,.index_st13_ct5{ position: absolute; box-sizing:border-box; }
.index_st13_all	{ width:100%; float: left;}
.index_st13_li{ left:2%; right:2%; width:33%; position: relative; float: left;  padding-bottom:0.5rem;}
.mr5{ margin-right:1.5%;}
.index_st13_ct1{ left:.3rem; top:.5rem; bottom:0.5rem; font-size:.8rem; color:#333; position: relative; width:90%; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; background:#f7f7f7; line-height:2rem; height:2rem; text-align: center; }
.index_st13_ct2{ left:.3rem; top:.3rem; font-size:.5rem; color: #FF3C3C; position: relative; font-weight:bold;}
.index_st13_ct2 em{ font-size:1rem;}
.index_st13_ct3{ position:relative; float:left;}
.index_st13_ct3 img{ width:96%; border:1px #f7f7f7 solid; margin:0 1%;}
.index_st13_ct4{ float:left; font-size:.5rem; left:.3rem; position:relative; top:.3rem;   bottom:.5rem;   color:#999; text-decoration: line-through;}

.index_st14 { width:100%; float: left;}
.index_st14 .seach{ height:2.5rem; line-height:2.5rem;   border-radius: 0.2rem; margin-bottom:1rem;   background-color: #f9f9f9; border: 1px solid #f0f0f0;}
.index_st14 .seach input{ width: 80%;     background: transparent;border: none; color: #333;padding: 0 1.5rem}
.index_st14 h2  { height:2.5rem; line-height: 2.5rem; position: relative;  color: #545454; font-weight: 500;}
.search2	{ width:90%;height: 2.5rem; border-radius: 0.3rem; border:0 solid #e5e5e5;box-sizing:border-box; padding-right: 1.8rem}
.index_st14_icon1	{ position: absolute; right:-1px;top:-1px;border-left:1px solid #ddd; height:2.5rem; line-height: 2.5rem; text-align: center;
font-size: 1rem; width: 8rem; background: #dc0011; color: #fff;border:1px solid #dc0011;border-radius: 0 0.2rem .2rem 0;}
.index_st14_icon1 img{ height: 1.2rem; top: 1rem; position: absolute; right:5rem; top:0.5rem;}

.index_st15 { width:100%;   position:relative; padding-bottom:1rem;}
.index_st15 .cont_tit{ width:96%; padding:2% 2% 0 2%; line-height:2rem; position:relative; font-size:18px; font-weight:bold; text-align: center; overflow: hidden;}
.index_st15 .yuedu{ position:relative; line-height:2rem; padding: 0 1rem;}
.index_st15 .yuedu img{max-width: 100%;text-indent:0}
.index_st15 .all{ width:100%;  position:relative;}
.index_st15 .pic{ width:96%; padding:0 2%; position:relative;}
.index_st15 .pic img{ width:100%;} 
.index_st15 .wet{ font-weight:bold;}
.index_st15 .ydl{ width:92%; padding:0 4%; position:relative; line-height:2rem;}
.index_st15 .dj{ width:40%; float:left;}
.index_st15 .time{ width:60%; float:left; text-align:right;}


.index_st16{ width:100%; background:#FFF; border-radius:4px; height: auto;}
.index_st16 .st16_1{ height:4rem; line-height:4rem;  position:relative; font-size:1rem; width:100%; }
.index_st16 .st16_2{height:3rem; line-height:3rem;  position:relative; font-size:1rem; width:90%; margin:0 5%; border-bottom:solid #CCC 1px; text-align:left;}
.index_st16 .st16_3{ width:5rem; height:2rem; line-height:2rem; position:absolute; border:solid #E7E7E7 1px; border-radius:4px; right:0; font-size:14px; text-align:center; top:0.5rem; background:#f3f3f3;}
.index_st16 .st16_4{ height:2.5rem; line-height:2.5rem;  width:90%; margin:1rem 5%; background:#F00;  border-radius:4px; color: #fff; font-size:1rem;}
.index_st16 .st16_5{ height:2.5rem; line-height:2.5rem;  width:90%; margin:0 5%; font-size:0.6rem; padding-bottom:1rem;}
.index_st16 .st16_6{ height:10rem; line-height:3rem;  position:relative; font-size:1rem; width:90%; margin:0 5%; text-align:left;}


.index_st17	{ position: relative; margin: 0 auto; padding:.8rem .4rem;  border-bottom: 1px #e5e5e5 solid;}
.index_st17 a{margin:0 .4rem}
//新品
.newshop{}
.newshop ul{ padding-left:.8rem; overflow: hidden;;}
.newshop li{ width: 50%; float:left;margin-top:.8rem;}
.newshop a{ display: block; margin-right:.8rem;border:1px solid #eee;border-radius:.2rem;overflow: hidden; padding-bottom: .8rem;;}
.newshop h3{ line-height: 1rem; font-weight: normal; font-size: 1rem; padding:  .5rem;overflow: hidden;
    white-space: nowrap; ;
    text-overflow: ellipsis;;}
.newshop p{ line-height: 1rem;font-size: .8rem; padding: 0 .5rem;overflow: hidden;color:#999;
    white-space: nowrap;
    text-overflow: ellipsis;}
.newshop .img{}
.newshop img{ width: 100%; height:auto;}

//加盟
.jion{padding: 0 .8rem;}
.jion ul{}
.jion li{padding:.8rem 0; display: flex; overflow: hidden;border-bottom: 1px solid #e4e4e4; position: relative;}
.jion .img{ width:40%; float: left;margin-right: 2%; }
.jion img{ width:100%;height:auto;}
.jion .txt{width: 58%; }
.jion li:nth-child(1) em{ background: #f44d35}
.jion li:nth-child(2) em{ background: #C79A2F}
.jion li:nth-child(3) em{ background: #F2D591}
.jion strong{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:.8rem; line-height: 1rem; height:1rem;}
.jion em{  background: #ccc;
  display: inline-block;
  width: 1.2rem;
  color: #fff;
  text-align: center;
  font-weight: normal;
  border-radius: .2rem;
  margin-right: .2rem;}
.jion p{font-size: 1rem;overflow: hidden;color:#999;padding:.2rem 0; font-size:.6rem; line-height: .8rem; height: 1.6rem;}
.jion .btn{position: absolute;bottom:0;right:0; width: 58%;}
.jion .btn a{ display: block;display: block;border: 1px solid #f44d35;color: #f44d35;text-align: center;border-radius:.2rem;
  float:right; padding:0 1rem;line-height: 1.5rem; font-size: .7rem;}
.jion .btn .red{background: #f44d35; color: #fff;margin-bottom: .8rem; float: left;}

.goodsHistory_st1_li	{ height:6rem; position: relative; background: #fff; }
.goodsHistory_st1_ct1,.goodsHistory_st1_ct2,.goodsHistory_st1_ct3,.goodsHistory_st1_ct4,.goodsHistory_st1_ct5,.goodsHistory_st1_ct6{position: absolute; height: 2rem; line-height: 2rem;}
.goodsHistory_st1_ct1	{ height: 4rem; top: 1rem; left: 2.5%;}
.goodsHistory_st1_ct1 img{ height: 4rem; width: 4rem;}
.goodsHistory_st1_ct2,.goodsHistory_st1_ct3,.goodsHistory_st1_ct4{  left: 2.5%; margin-left: 4.5rem;}
.goodsHistory_st1_ct4,.goodsHistory_st1_ct5,.goodsHistory_st1_ct6	{ bottom: 0.5rem;}
.goodsHistory_st1_ct2	{ top: 0.5rem; height: 2.4rem; line-height: 1.2rem; right: 2.5%;-webkit-line-clamp: 2;}
.goodsHistory_st1_ct3	{ bottom: 1.8rem; color: #999; font-size: 0.75rem; }
.goodsHistory_st1_ct4	{ color: #fa401a; font-weight: bolder; font-size: 1rem;}
.goodsHistory_st1_ct5	{ right:6rem; color: #999; font-size: 0.75rem; }
.goodsHistory_st1_ct6	{ right: 2.5%; color: #ffb533; font-size: 0.75rem;}
.goodsHistory_st2		{ margin:2.5rem; color: #999; height: 2.5rem; line-height: 2.5rem; text-align: center;}

/*标签*/
.tag{line-height: 1.6re}
.tag-index a{    padding: 0 .3rem;    line-height: 1.6rem;    border: 1px solid #eee;    background: #f5f5f5;    border-radius: 1.6rem;display: inline-block;margin: 1px;}
.tag a{ padding: 0 .8rem; line-height: 1.6rem; border: 1px solid #eee; background: #f5f5f5; border-radius: 1.6rem; margin-right:1rem ; display: inline-block;}
/*版权*/
.web_bq{position:relative; bottom: 0rem; width: 96%; padding:2%; background:#eee;  height:3rem; font-size:0.8rem; line-height:1.5rem; text-align:center;}

/*footer*/
.footer{ position:relative; bottom: 0rem; width: 96%; padding: 1rem 2%; max-width: 640px; background:#ffff5c;  font-size:0.8rem; line-height:1.5rem; }

.footer .font_clo{ color:#FF0000; font-weight:bold;}
.header_line{ height: 0px; background: #e5e5e5;}
.footer_line{ height:0px; background: #e5e5e5; padding-bottom: 12rem;}
.footer ul{ position: fixed; bottom: 0; left: 0; right: 0; height:4rem; line-height: 1.5rem; font-size: 1rem; background: rgba(255,255,255,.8); z-index:999;border-top:1px solid #f5f5f5;}
.footer ul li{ width: 25%; float: left;  background: #red; text-align:center;}
.footer ul li a{ display: block;}
.footer li i{ display: inline-block; margin: .5rem auto 0 auto; width: 1.2rem;height:1.2rem;}
.footer li span{ display: block;}
.footer  .ft_1{ background: url('@/static/img/con1.png') center no-repeat ;    background-size: cover;}
.footer  .ft_2{ background: url('@/static/img/con2.png') center no-repeat;    background-size: cover;}
.footer  .ft_3{ background: url('@/static/img/con3.png') center no-repeat;    background-size: cover;}
.footer  .ft_4{ background: url('@/static/img/con4.png') center no-repeat;    background-size: cover;}
.footer  .ft_1 .cur{ background: url('@/static/img/con01.png') center no-repeat;}
.footer  .ft_2 .cur{ background: url('@/static/img/con02.png') center no-repeat;}
.footer  .ft_3 .cur{ background: url('@/static/img/con03.png') center no-repeat;}
.footer  .ft_4 .cur{ background: url('@/static/img/con04.png') center no-repeat;}
/*--返回顶部--*/
.go_top				{ position: fixed; right: 2.5%; margin-right: 0.5rem; bottom: 4rem; width: 1.5rem; }
.go_top img 		{ height: 1.5rem; height: 1.5rem;}
.go_top span 		{ width: 100%; text-align: center; display: block; color: #999;}
.bg666{ background:#666;}

//shipin
.video_list{}
.video_list ul{ padding-top:1rem; background: #f0efed;}
.video_list li{width:100%; margin-bottom: 1rem; background: #fff; overflow: hidden;}
.video_list .video_box{border-radius:.5rem;overflow: hidden;position: relative;}
.video_list .video_info{padding:0 1rem 1rem 1rem;}
.video_list video{width:100%;}
.video_list h3{font-size: 1.8rem;; line-height: 2.5rem; font-size:1rem;}
.video_list p{line-height: 1.8rem; font-size: .8rem;color:#666;}
.video_play_box,.video_pause_box{height: 4rem;width: 4rem; margin-top: -2rem; margin-left: -2rem; background: initial;border-radius: 50%; background: rgba(0,0,0,.38);
    overflow: hidden;position: absolute;left: 50%; top: 50%; z-index: 5; cursor: pointer;
	}
.video_pause_box {display: none;}

	
.video_play_box .play,.video_pause_box .play {
	    width: 4rem;
	    height: 4rem;
	    background: url("@/static/img/play.png") no-repeat 50%;
	    background-size: contain;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	}.video_pause_box .play{background: url("@/static/img/pause.png") no-repeat 50%; }	
	
.video_page{ background: #f0efed;overflow: hidden;padding:.5rem;}
.video_page a{ display: inline-block; border:1px solid #ddd; padding:0 .8rem; line-height: 2.5rem;background: #fff;}
.video_page .video_l{float: left;}
.video_page .video_r{ float: right;}	 
// other

.special{
	text-decoration: underline;
}







.swipslider { width:100%;touch-action: none;}


#content_slider {background-color: #f0f0f0; width: 100%; }
#content_slider .wanted {padding: 25px; }
#content_slider .wanted:after {display: table;content: ""; clear: both; }
#content_slider .wanted img {float: left;position: relative;height: 225px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.33);margin-right: 15px; }
#content_slider .wanted .description {loat: left;
      padding: 10px;
      display: block;
      font-size: 16px;
      color: #343332;
      background: #e5e5e5;
      height: 225px;
      width: 349px;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.58);
      white-space: normal; }
   
      #content_slider .wanted .description h1 {
        font-size: 18px;
        margin: 0;
        text-align: left;
        color: #515f6c;
        text-shadow: none; }
     
      #content_slider .wanted .description::after {
        display: table;
        content: "";
        clear: both; }
     
      #content_slider .wanted .description p {
        margin-bottom: 1px;
        margin-top: 6px;
        font-size: 14px; }
     
      #content_slider .wanted .description p.award {
        color: #be9a02; }
      /* line 104, D:/Temp/github/swipeslider/style.scss */
      #content_slider .wanted .description ul {
        list-style: square;
        padding-left: 20px;
        font-size: 14px; }
      /* line 110, D:/Temp/github/swipeslider/style.scss */
      #content_slider .wanted .description strong {
        color: #515f6c; }

/* line 120, D:/Temp/github/swipeslider/style.scss */
#customizability .sw-next-prev {
  width: 120px;
  height: 60px;
  background-color: rgba(82, 82, 82, 0);
  color: rgba(255, 254, 235, 0.28);
  border-radius: 3px;
  font-size: 25px; }
  /* line 128, D:/Temp/github/swipeslider/style.scss */
  #customizability .sw-next-prev:hover {
    color: #fffeeb;
    background-color: #525252;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.57); }

/* line 135, D:/Temp/github/swipeslider/style.scss */
#customizability .sw-prev {
  left: 0%; }
  /* line 138, D:/Temp/github/swipeslider/style.scss */
  #customizability .sw-prev::after {
    line-height: 60px;
    content: '< back'; }

/* line 144, D:/Temp/github/swipeslider/style.scss */
#customizability .sw-next {
  right: 0%; }
  /* line 147, D:/Temp/github/swipeslider/style.scss */
  #customizability .sw-next::after {
    line-height: 60px;
    content: 'next >'; }

/* line 153, D:/Temp/github/swipeslider/style.scss */
#customizability .sw-bullet {
  top: 4%; }
  /* line 156, D:/Temp/github/swipeslider/style.scss */
  #customizability .sw-bullet li {
    width: 10px;
    height: 5px;
    background-color: rgba(255, 254, 235, 0.28);
    border-radius: 0;
    vertical-align: middle; }
    /* line 163, D:/Temp/github/swipeslider/style.scss */
    #customizability .sw-bullet li.active {
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 10px solid #fffeeb;
      background-color: transparent;
      width: 0;
      height: 0;
      vertical-align: bottom; }
    /* line 174, D:/Temp/github/swipeslider/style.scss */
    #customizability .sw-bullet li:hover {
      height: 10px;
      background-color: #fffeeb; }

/* line 183, D:/Temp/github/swipeslider/style.scss */
.slide-number {
  font-size: 60px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54); }



// swipslider
$control-bg-color: rgba(255, 255, 255, 0);
$control-bg-color-hover: rgba(255, 255, 255, 0.74);
$control-bg-color-active: rgba(255, 255, 255, 0.5);
$control-color: rgba(160, 160, 160, 0.53);

.swipslider {
  position: relative;
  overflow: hidden;
  display: block;
  padding-top: 57%!important;
  user-select: none;
  
  .sw-slides {
  display: block;
  padding: 0;
  
  list-style: none;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  font-size: 0;
  transform: translateX(0);
  position: absolute;
  bottom: 0;
}

.sw-slide {
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-block;
  position: relative;
  
  & > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    user-select: none;
    
  }
  
  .sw-content {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
  }
}
}

.sw-next-prev {
  font-family: "Courier New", Courier, monospace;
  height: 50px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  line-height: 50px;
  font-size: 30px;
  font-weight: bolder;
  color: $control-color;
  top: 50%;
  transform: translateY(-50%);
  background-color: $control-bg-color;
  border-radius: 50%;
  text-decoration: none;
  transition: all .2s ease-out;
  cursor: pointer;
  user-select: none;
  
  &:hover {
    background-color: $control-bg-color-hover;
  }
  
  &:active {
    background-color: $control-bg-color-active;
  }
}

.sw-prev {
  left: 2%;
  &::after{
    content: '<';
  }
}

.sw-next {
  right: 2%;
  &::after {
    content: '>';
  }
}

.sw-bullet {
  position: absolute;
  bottom: 2%;
  list-style: none;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  li {
    width: 10px;
    height: 10px;
    background-color: $control-color;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    
    &:hover {
      background-color: $control-bg-color-hover;
    }
    
    &.active {
      background-color: $control-bg-color-active;
      box-shadow: 0 0 2px $control-color;
    }
    
    &:not(:last-child){
      margin-right: 5px;
    }
  }
}